@charset "utf-8";
/* CSS Document */

body							{width:1100px; margin:10px auto}
.header							{ height:80px; width:100%; background-color:#31d6e5; float:left; position:relative;}
.header .logo					{ float:left; width:133px; margin-left:100px;}
.header .menu					{ float:left; width:590px; height:80px;}
.header .menu ul				{ list-style:none; float:left; width:100%; padding-top:35px;}
.header .menu ul li				{ color:#FFF; float:left; margin-right:30px; font-weight:bold;}
.header .menu ul li a 			{text-decoration:none; color:#FFF}
.header .menu ul li a:hover 	{ color:#999;}

.header .dangnhap 				{ background-color:#11a1ae; height:26px; width:150px; float:left; vertical-align:top; padding-left:20px;}
.header .dangnhap a 			{ color:#CCC; float:left;}
.header .dangnhap strong.sep	{ float:left; color:#CCC; margin:0px 2px;}
.header a.giohang 				{ position:absolute; background-image:url(../images/giohang_icon.gif); height: 43px; width:160px; right:110px; top:30px; }

.wapper							{ background-image:url(../images/bgindex.png); background-repeat:repeat-x; width:100%; height:754px; float:left; position:relative; margin-top:3px;}
.wapper .search 				{ margin-left:150px; margin-top:100px;  width:1000px; float:left;}
.wapper .search .text 			{ font:40px Arial, Helvetica, sans-serif; width:100%; float:left; text-align:left;}
.wapper .search .searchtext 	{ margin-top:10px; background-image:url(../images/search.png); width:397px; height:59px; float:left; padding-top:10px;}
.wapper .search .searchchon 	{ margin-left:10px; margin-top:10px; background-image:url(../images/chontruong.png); width:220px; height:50px; float:left; padding-top:20px;}
.wapper .search .btsearch		{ margin-left:10px; margin-top:15px; width:151px; height:59px; float:left}

.wapper .line					{ background-image:url(../images/line.png); background-repeat:repeat-x; width:1000px; height:2px; position:absolute; left:50px; top:300px;}
.wapper .noidung				{ width:1000px; height:228px; float:left; position:absolute; left:58px; top:320px;}
.wapper .noidunga				{ height:230px; width:300px; float:left; margin-right:33px;}
.wapper .noidung1				{ background-color:#a8adad; width:300px; height:56px; float:left; margin-bottom:9px; font-size:16px;}
.wapper .noidung1 a				{ color:#1658a9; text-decoration:none;}
.wapper .noidung1 a:hover		{ color:#0CF;}
.wapper .noidung1 a img			{ float:left;}
.wapper .noidung1 font			{ float:left; margin-top:15px; margin-left:10px;}
.wapper .noidung2				{ background-image:url(../images/bg_1.png); background-repeat:repeat-x; float:left; height:168px; width:300px;}
.wapper .noidung2 font			{ font-size:14px; margin:20px; float:left; text-align:left;}

.wapper .logofooter				{ background-color:#d6dcdc; width:1100px; height:51px; float:left; margin-top:3px;}

.footer							{ height:80px; width:100%; background-color:#31d6e5; float:left;}


.wapper .slide					{ height:250px; width:894px; float:left; margin-left:100px;}
.stepcarousel .panel	img		{width:894px; height:250px;}
.wapper .menuleft				{ margin-left:100px; width:200px; height:auto; float:left}
.wapper .menuleft .leftheader	{ height:40px; width:100%; background-color:#31d6e5; float:left;}
.wapper .menuleft .leftheader img{ float:left; margin-left:5px;}
.wapper .menuleft .leftheader font{ color:#FFF; font-size:22px; margin-top:10px; margin-left:5px; float:left;}
.wapper .menuleft .danhmuc		{ width:100%; height:auto; float:left;}
.wapper .menuleft .danhmuc ul	{ list-style:none; float:left; width:100%; float:left; padding:0px 0px; margin:0px 0px;}
.wapper .menuleft .danhmuc ul li{ height:34px; background-color:#b6b8ba; margin-top:2px; margin-left:0px;}
.wapper .menuleft .danhmuc ul li a{ text-decoration:none; color:#000; margin-left:20px; margin-top:8px; float:left;}
.wapper .menuleft .danhmuc ul li a:hover{ color:#FFF;}

.wapper .content .content_search{ width:420px;; height:50px; float:left; margin-left:50px; margin-top:20px;}
.wapper .content .content_search font{ font-size:18px; color:#000; float:left; margin-right:10px; margin-top:5px;}
.wapper .content .content_search .textsearch{ background-image:url(../images/textsearch.png); width:246px; height:34px; background-repeat:no-repeat; float:left;}
.wapper .content .content_search .btsearchsp{ background-image:url(../images/btsearchsp.png); width:52px; height:31px; background-repeat:no-repeat; float:left; margin-left:10px; margin-top:2px;}

.wapper .content				{ width:495px; height:auto; float:left; margin-left:2px;}
.wapper .content .content_top	{ width:100%; height:40px; background:#31d6e5; float:left; }
.wapper .content .content_top font{ text-align:left; font-size:18px; color:#036; float:left; margin-left:10px; margin-top:10px;}
.wapper .content .content_mid	{ width:100%; height:auto; float:left;}
.wapper .content .content_item	{ width:144px; height:230px; float:left; margin-left:15px; margin-top:20px; overflow:hidden;}
.wapper .content .content_item a{ color:#CCC;}
.wapper .content .content_item a:hover font{ color:#F00; text-decoration:underline;}
.wapper .content .content_item img{ width:144px; height:160px; }
.wapper .content .content_item font{ font-size:14px; color:#666; float:left; text-align:center;}

.wapper .content .content_ct	{ width:100%; height:auto; float:left; text-align:left; margin-top:10px;}
.wapper .content .content_ct img{ float:left; margin-left:10px; width:200px; margin-right:10px;}
.wapper .content .content_ct a	{ float:right; margin-right:20px;}

.wapper .right					{ margin-left:2px; width:195px; height:auto; float:left;}
.wapper .right .rightheader		{ height:40px; width:100%; background-color:#31d6e5; float:left;}
.wapper .right .rightheader img	{ float:left; margin-left:5px;}
.wapper .right .rightheader font{ color:#FFF; font-size:22px; margin-top:10px; margin-left:5px; float:left;}
.wapper .right .tintuc		{ width:100%; height:auto; float:left;}
.wapper .right .tintuc ul	{ list-style:none; float:left; width:100%; float:left; padding:0px 0px; margin:0px 0px;}
.wapper .right .tintuc ul li{ height:80px; background-color:#b6b8ba; margin-top:2px; margin-left:0px; overflow:hidden;}
.wapper .right .tintuc ul li a{ text-decoration:none; color:#000; margin-left:10px; margin-top:3px; float:left; font-size:13px; text-align:left}
.wapper .right .tintuc ul li a:hover{ color:#FFF;}
.wapper .right .tintuc ul li a img{ width:75px; height:60px; float:left;}





